<template>
<div>
    <ul>
        <li v-for="todo in todos" :key="todo.id" >
           <slot :todo=todo>
           <!-- {{todo.text}} -->
        </slot>
        </li>
    </ul>
    
    </div>
</template>

<script>
   export default {
        props:['todos'],
        components: {},
        mounted(){
            console.log('111');
            console.log(this.todos);
            
        }
   }
</script>

<style scoped>

</style>